<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div class="app-mine">
        <div class="profilePhoto pd25">
            <div class="pro-top active">
                <div class="pro-top-left">
                    <img src="../imgs/头像.jpg" alt="" id="imgurl">
                    <span id="nickname">用户名</span>
                    <i class="iconfont icon-vip"></i>
                </div>
                <a class="pro-top-right" href="amend.html">
                    <i class="iconfont icon-youjiantou
                    "></i>
                </a>
            </div>
            <div class="use-bottom" id="sign">
                个性签名: 这个人很懒,什么都没留下
            </div>
        </div>
        <div class="dynamic pd25">
            <div class="dyn-left">
                <i class="iconfont icon-guizi-cabinet1"></i> 个人动态
            </div>
            <div class="dyn-right" id="dynamicCount">
                10条
                <i class="iconfont icon-youjiantou"></i>
            </div>
        </div>
        <div class="exerciseData pd25">
            <div class="exe-top">
                <div class="exe-top-left">
                    <i class="iconfont icon-shujuzhexiantu
                    "></i>运动数据
                </div>
                <a class="exe-top-right" href="exerciseData.html">
                    <i class="iconfont icon-youjiantou"></i>
                </a>
            </div>
            <div class="exe-bottom">
                <div class="exe-bot-left">
                    <div class="exe-bot-lef-text">
                        总运动
                    </div>
                    <div class="exe-bot-lef-value">
                        <strong id="times">9999</strong>分钟
                    </div>
                </div>
                <div class="exe-bot-right">
                    <div class="exe-bot-lef-text">
                        本周消耗
                    </div>
                    <div class="exe-bot-lef-value">
                        <strong id="calorie">9999</strong>千卡
                    </div>
                </div>
            </div>
        </div>
        <div class="badge pd25">
            <div class="bad-top">
                <div class="exe-top-left">
                    <i class="iconfont icon-M_round_solid
                    "></i>我的运动徽章
                </div>
                <a class="exe-top-right" href="badge.html">
                    <i class="iconfont icon-youjiantou"></i>
                </a>
            </div>
            <div class="bad-bottom">
                <img src="../imgs/mybadge02.jpg" alt="">
                <img src="../imgs/mybadge03.jpg" alt="">
                <img src="../imgs/mybadge01.jpg" alt="">
            </div>
        </div>
        <div class="quit" id="loginOut">
            退出登陆
        </div>
    </div>

</body>

</html>